{% extends "base.html" %}

{% block title %}关于{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body">
                <h2 class="card-title text-center mb-4">系统说明</h2>
                
                <h5 class="mt-4">技术特点</h5>
                <div class="card mb-4">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <strong>深度学习模型：</strong>采用改进的CNN网络结构，实现高精度病害识别
                            </li>
                            <li class="list-group-item">
                                <strong>准确率：</strong>整体准确率达93.58%，各类别准确率均超过80%
                            </li>
                            <li class="list-group-item">
                                <strong>响应速度：</strong>平均诊断时间仅0.67秒，支持实时诊断
                            </li>
                            <li class="list-group-item">
                                <strong>数据增强：</strong>采用多种数据增强技术，提高模型泛化能力
                            </li>
                        </ul>
                    </div>
                </div>

                <h5>支持的病害类型</h5>
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">黑星病 (94.62%)</li>
                                    <li class="list-group-item">黑腐病 (96.14%)</li>
                                    <li class="list-group-item">灰霉病 (94.19%)</li>
                                    <li class="list-group-item">锈病 (88.64%)</li>
                                    <li class="list-group-item">白粉病 (96.15%)</li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item">褐斑病 (96.27%)</li>
                                    <li class="list-group-item">炭疽病 (94.82%)</li>
                                    <li class="list-group-item">轮纹病 (91.99%)</li>
                                    <li class="list-group-item">健康叶片 (82.79%)</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <h5>系统优势</h5>
                <div class="card mb-4">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">
                                <strong>高准确率：</strong>采用深度学习技术，识别准确率高
                            </li>
                            <li class="list-group-item">
                                <strong>快速响应：</strong>优化的模型结构，确保快速诊断
                            </li>
                            <li class="list-group-item">
                                <strong>用户友好：</strong>简洁的界面设计，操作简单直观
                            </li>
                            <li class="list-group-item">
                                <strong>专业建议：</strong>提供详细的病害防治建议
                            </li>
                        </ul>
                    </div>
                </div>

                <h5>使用建议</h5>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item">确保上传图片清晰，叶片特征明显</li>
                            <li class="list-group-item">建议在自然光下拍摄，避免强光直射</li>
                            <li class="list-group-item">图片大小建议不超过5MB</li>
                            <li class="list-group-item">支持jpg、jpeg、png格式</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
